<!--
 * @Description: 
 * @Version: 1.0
 * @Autor: gaoluo
 * @Date: 2021-09-13 15:33:08
 * @LastEditors: gaoluo
 * @LastEditTime: 2021-11-04 19:24:48
 * @FilePath: /nhw/src/views/Profile/ResetPasswords.vue
-->

<template>
  <Layout
    class="reset-passwords-container"
    title="重置密码"
    border
    rightText="完成"
    @click-right="confirm"
  >
    <Field label="手机号" readonly value="1388888888" />
    <Field
      v-model="oldPassword"
      type="password"
      label="旧密码"
      placeholder="请输入旧密码"
      maxlength="12"
    />
    <Field
      v-model="newPassword"
      type="password"
      label="新密码"
      placeholder="请输入新密码"
      maxlength="12"
    />
    <Field
      v-model="confirmPassword"
      type="password"
      label="确认密码"
      placeholder="请再次输入新密码"
      maxlength="12"
    />
  </Layout>
</template>

<script>
import Layout from "components/Layout";
import { Field } from "vant";
export default {
  name: "ResetPasswords",

  components: { Layout, Field },

  directives: {},

  data() {
    return {
      oldPassword: "",
      newPassword: "",
      confirmPassword: "",
    };
  },

  mounted() {},

  methods: {
    confirm() {
      console.log("点击完成");
      window.localStorage.clear("access_token");
      this.$router.replace({ name: "Login" });
    },
  },
};
</script>

<style lang="less" scoped>
</style>